/**
 * Created by HuQiang on 2017/8/4.
 */
import React from 'react';
import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'
import {Link} from 'react-router';
import {Button} from 'antd';

export default class AboutSystem extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div style={{height:'20rem'}}>
                <div style={{
                    display: 'block',
                    width: '95%',
                    height: '3.5rem',
                    background: '#0d79d1',
                    boxShadow: '0 0.4rem 0.8rem -0.2rem #bbbbbb',
                }}>
                    <p style={{
                        fontSize: '1.5rem',
                        color: '#fff',
                        display: 'block',
                        marginLeft: '2rem',
                        paddingTop: '0.38rem',
                    }}>
                        关于系统
                    </p>
                </div>
                <p style={{ position:'absolute',
                            marginLeft:'-10rem',
                            width:'25rem',
                            left:'50%',
                            top:'7rem',
                            fontSize:'0.8rem'}}>
                    丰富的题库资源、详细的题目解答
                    尽在鸥课题库
                    包含Java、JavaScript、JQuery等题目
                    为IT行业从事者提供多方面的试题
                    鸥课考评是一个关注IT教育课程考试考评的系统
                </p>

                <Link to="/">
                    <Button style={{
                        position:'absolute',
                        marginLeft:'-10rem',
                        width:'25rem',
                        left:'50%',
                        top:'12rem',
                        fontSize:'0.8rem'}} type="default" className="a" href="#"
                            onClick={() => {
                                window.sessionStorage.clear();
                            }}>注销</Button>
                </Link>
            </div>
        );
    }
}